<!DOCTYPE html>
<html>
    <head>
        <title>360湘江世纪城</title>
        <#include "controls/public_header.ftl">
        <link rel="stylesheet" href="${model._contextPath}/web/resources/lib/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
		<script type="text/javascript" src="${model._contextPath}/web/resources/lib/zTree/js/jquery.ztree.core-3.5.js"></script>
        <script type="text/javascript">
        function getFont(treeId, node) {
			return node.isParent? {'font-weight':'bold'} : {};
		}
		
		var setting = {
			view: {
				showIcon: false,
				showLine: false,
				fontCss: getFont,
				nameIsHTML: true
			},
			data: {
				simpleData: {
					enable: true
				}
			}
		};
		
		$(function(){
			PubOPT.jsEventLoad(pageJsEvent);
		});
		
		function pageJsEvent() {
			$('#categorys').hover(function(){
				$(this).children('.mc').toggle();
			});
			$(".item").hover(function(){
				$(this).toggleClass('hover');
			});
			
			var zNodes =[];
			<#if model.shop_classify?exists && model.shop_classify?has_content>
				<#list model.shop_classify as item>
					zNodes.push({ id:'${item.cls_id}', pId:'${item.pid}', name:'${item.cls_name}', url:'${model._contextPath}/p100028.html?id=${item.shop_id}&cid=${item.cls_id}', target:'_self'});
			    </#list>
			</#if>
			zNodes.unshift({ id:'0', pId:'-1', name:'所有宝贝', url:'${model._contextPath}/p100028.html?id=${model._param.id}', target:'_self', open:true});
			<#if model.other_count?exists && model.other_count?has_content>
				<#list model.other_count as item>
					<#if (item.cnt > 0)>
					zNodes.push({ id:'1', pId:'0', name:'其它', url:'${model._contextPath}/p100028.html?id=${model._param.id}&cid=1', target:'_self'});
					</#if>
			    </#list>
			</#if>
			$.fn.zTree.init($("#treeCategories"), setting, zNodes);
		}
		</script>
    </head>
    <body>
		<div id="container">
			<#include "controls/header.ftl">
			<div id="main">
			    <!-- 导航-->
				<div class="Lay_1" style="height:32px">
					<div class="col_2" id="categorys">
						<div class="title_1">全部商品分类</div>
						<div class="mc">
							<#include "controls/categories.ftl">
						</div>
					</div>
					<div class="col_3">
						<#include "controls/top_nav.ftl">
					</div>
				</div>
				<div class="Lay_5">
					<#if model.shop_info?exists && model.shop_info?has_content && (model.shop_info?size>0) >
					<div class="col_7">
						<!-- 搜索-->
						<div class="yu"><input type="text" class="wby"></div><div class="tu"><img src="${model._contextPath}/web/resources/images/dpg_03.jpg" width="80" height="26"></div>
						<!-- 商品分类-->
						<div class="spfl">
							<div class="title_7">商品分类</div>
							<div class="spfl_nr">
								<ul id="treeCategories" class="ztree"></ul>
							</div>
						</div>
					</div>
					<div class="col_8">
						<div class="dqwz">当前位置：<span style="font-size:12px;"><a href="${model._contextPath}/index.jsp">首页</a> &gt; ${model.shop_info[0].shop_name}</span></div>
						<div class="nrjs">
							<div class="tu"><img src="${model._contextPath}${model.shop_info[0].small_relative_path}" width="194" height="187"></div>
							<div class="zi">
								${model.shop_info[0].detail}
							</div>
							<div class="kuang">
							  <table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
			                    <tr>
			                      <td height="31" align="left" valign="bottom" class="bt">${model.shop_info[0].shop_name}</td>
			                    </tr>
			                    <tr>
			                      <td height="34" align="left" valign="middle" class="xt"><img src="${model._contextPath}/web/resources/images/dpg_13.jpg" width="74" height="22"></td>
			                    </tr>
			                    <tr>
			                      <td height="28" align="left" valign="middle">店铺等级：${model.shop_info[0].grade}<img src="${model._contextPath}/web/resources/images/dpg_18.jpg" width="16" height="15"></td>
			                    </tr>
			                    <tr>
			                      <td height="25" align="left" valign="middle">信 用 度：${model.shop_info[0].credit}</td>
			                    </tr>
			                    <tr>
			                      <td height="25" align="left" valign="middle">点 击 率：${model.shop_info[0].rate}</td>
			                    </tr>
			                  </table>
							</div>
						</div>
					</div>
					<div class="Lay_3" style="float:right; width:759px; margin-top:10px;">
						<#if model.new_goods?exists && model.new_goods?has_content && (model.new_goods?size>0) >
						<div class="col_5" style="width:759px;">
							<div class="col_5_1" style="border:0px">
								<div class="title_4" style="width:759px;">
									<div class="text4" style="font-family:'宋体'; font-size:14px">宝贝推荐</div>
								</div>
								<div class="col_5_nr" style="width:759px; margin:0px auto">
									<#list model.new_goods as item>
									<div class="cp" style="width:173px;">
										<div class="pic_3" style=" border:0"><a href="${model._contextPath}/p100010.html?id=${item.goods_id}"><img src="${model._contextPath}${item.small_relative_path}" width="178" height="128" /></a></div>
										<div class="title_5" style="width:173px;"><a href="${model._contextPath}/p100010.html?id=${item.goods_id}">${item.goods_name}</a><br />
									    <span class="title_5_red">¥ ${item.goods_price?number?string("0.##")}</span></div>
									</div>
									</#list>
								</div>
							</div>
						</div>
						</#if>
					</div>
					<#else>
					</#if>
				</div>
			</div>
				<div width="100%" height="127"> 
					<#include "controls/footer.ftl">
				</div>
			</div>
		</div>
    </body>
</html>